body{height: 100%;width: 100%}
.logo{background-color:#ffffff}
#banner{margin-top: 1em;*position:relative;display:inline;}
.banner1 img{width: 100%;max-width:100%;height:307px;-webkit-border-radius: 10px 10px;
	-moz-border-radius: 10px 10px ;
	border-radius: 10px 10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	border: 1px solid white;}
.login{background:-webkit-gradient(linear,50% 0%, 50% 100%, from(#FFFFFF), to(#FFFFFF), color-stop(0.5,#dae5e5));
	padding: 0;
	text-align: center;
	-webkit-border-radius: 10px 10px;
	-moz-border-radius: 10px 10px ;
	border-radius: 10px 10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	border: 1px solid white;
	display:inline;
	*position:relative ;
	}
.loginhead{padding-bottom: 0.5em;margin: 0;border-bottom: 1px solid #e5e5e5;}
.loginmain{padding-top:1em;margin: 0; }
.input1{width: 38%;padding-left: 1em;}
.input2{width: 38%;}
.loginbottom{padding: 0.7em;margin:0.1em;border-top: 1px solid #e5e5e5;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px ;
	border-radius: 0 0 10px 10px;
	background-image: linear-gradient(bottom, #32728A 36%, #A5C7D6 100%);
background-image: linear-gradient(bottom, #32728A 0%, #A5C7D6 100%);
background-image: -o-linear-gradient(bottom, #32728A 0%, #A5C7D6 100%);
background-image: -moz-linear-gradient(bottom, #32728A 0%, #A5C7D6 100%);
background-image: -webkit-linear-gradient(bottom, #32728A 0%, #A5C7D6 100%);
background-image: -ms-linear-gradient(bottom, #32728A 0%, #A5C7D6 100%);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#32728A', endColorstr='#A5C7D6'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#32728A', endColorstr='#A5C7D6')"; /* IE8 */;
}
.loginbottom h6{color:#fff}
.item{clear: both;display: inline;width: auto;float:none;margin-bottom: 1em;}
.item2{margin:1em 0;}
.remeber{display: inline;}
.banner2{padding:0;display: none;background-color:#ffffff;-webkit-border-radius: 10px 10px;
	-moz-border-radius: 10px 10px ;
	border-radius: 10px 10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	box-shadow: 0px 0px 5px rgba(0,0,0,.25);
	border: 1px solid white;}
.button1{border:0px;
   background: #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#c2c2c2), to(#000000));
   background: -webkit-linear-gradient(top, #c2c2c2, #000000);
   background: -moz-linear-gradient(top, #c2c2c2, #000000);
   background: -ms-linear-gradient(top, #c2c2c2, #000000);
   background: -o-linear-gradient(top, #c2c2c2, #000000);
   padding: 0px 0px 0px 0px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   color: white;
   vertical-align: middle;
   overflow:visible;
   width:auto;
   }
.button1 img{}
.bottom{
	padding-top:3.5em;
	background-image: linear-gradient(0, #fafeff 26%, #A9C6D1 50%, #82ABBD 82%);
	background-image: -o-linear-gradient(0, #fafeff 26%, #A9C6D1 50%, #82ABBD 82%);
	background-image: -moz-linear-gradient(0, #fafeff 26%, #A9C6D1 50%, #82ABBD 82%);
	background-image: -webkit-linear-gradient(0, #fafeff 26%, #A9C6D1 50%, #82ABBD 82%);
	background-image: -ms-linear-gradient(0, #fafeff 26%, #A9C6D1 50%, #82ABBD 82%);
	background-image: -webkit-gradient(
	linear,
	0 0,
	0 100,
	color-stop(0.26, #fafeff),
	color-stop(0.50, #A9C6D1),
	color-stop(0.82, #82ABBD)
);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafeff', endColorstr='#82ABBD'); /* IE6,IE7 */;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafeff', endColorstr='#82ABBD')"; /* IE8 */;
}
.bottomnav{background-image:-webkit-gradient(linear,50% 0%, 50% 100%, from(#FFFFFF), to(#FFFFFF), color-stop(0.5,#dae5e5));
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px 10px;
			margin-top: 1em;
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae5e5'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae5e5)"; /* IE8 */;

}
.pill1{margin-left: 6px;}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/icon.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-right: .5em;
}
.icon-account{ background-position: 0 0; width: 16px; height: 16px; } 
.icon-food{ background-position: 0 -21px; width: 16px; height: 16px; } 
.icon-job{ background-position: 0 -42px; width: 16px; height: 16px; } 
.icon-movie{ background-position: 0 -63px; width: 16px; height: 16px; } 
.icon-news{ background-position: 0 -84px; width: 16px; height: 16px; } 
.icon-shopping{ background-position: 0 -105px; width: 16px; height: 16px; }
.copyright{margin-top:2em;color: #fff; text-align: center;padding-bottom: 0.5em;}


@media screen and (max-width : 320px){#banner{display: none;}
										.banner2{display: block;}
										.logo{text-align: center;}
										body{background-color: #fff;
											padding-left: 5px;
											padding-right: 5px}
											.pill1{margin-left: 0;}
										.bottomnav{padding-left: 1.1em;margin-top: 0.5em}
										.bottom {padding-top:0;margin-top: 0.5em}

}

@media screen and (min-width: 320px) and (max-width :479px){#banner{display: none;}
															.banner2{display: block;}
															.logo{text-align: center;}
															body{background-color: #fff;
																padding-left: 5px;
																padding-right: 5px}
																.pill1{margin-left: 0;}
															.bottomnav{padding-left: 1.1em;margin-top: 0.5em}
															.bottom {padding-top:0;margin-top: 0.5em}



}